<template>
  <div id="aidevelopment">aidevelopment
    <br>
    <div id="main"></div>
  </div>
</template>

<script lang="ts">
import { Component , Vue } from 'vue-property-decorator';

//尝试使用库（可删）------------------------------------------------------------
import * as echarts from 'echarts';

@Component({
  name:'Aidevelopment',
  components:{},
  
})
export default class Aidevelopment extends Vue{
mounted(){
  // 基于准备好的dom，初始化echarts实例
let myChart = echarts.init(document.getElementById('main'));
// 绘制图表
myChart.setOption({
  title: {
    text: '尝试使用echarts'
  },
  tooltip: {},
  xAxis: {
    data: ['人工智能', '前端', '后台', '安卓', 'iOS', '树蛙']
  },
  yAxis: {},
  series: [
    {
      name: '学习人数',
      type: 'bar',
      data: [15, 50, 44, 28, 36, 1]
    }
  ]
});
}
//-----------------------------------------------------------------------
}
</script>

<style lang="less" scoped>
#main{
  height: 500px;
}
</style>